@extends('mainlayout')

@section('title','欢迎登陆')

@section('css')
    @parent
@endsection

@section('contents')

    <section>
        <div style="height: 35px;background-color: #f5f5f5;"></div>
    </section>

    <section class="flat-breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <ul class="breadcrumbs">
                        <li class="trail-item">
                            <a href="index.php" title="">首页</a>
                            <span><img src="images/icons/arrow-right.png" alt=""></span>
                        </li>
                        <li class="trail-end">
                            <a href="#" title="">登陆</a>
                        </li>
                    </ul><!-- /.breacrumbs -->
                </div><!-- /.col-md-12 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.flat-breadcrumb -->


    <section class="flat-checkout" >
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div class="box-checkout">
                        <h3 class="title">Welcome!</h3>
                        <div class="checkout-login">
                            欢迎登陆，您将获得更多的购物服务和体验...
                        </div>
                        <form enctype="multipart/form-data" action="{{url('loginDao')}}" method="POST" class="checkout" accept-charset="utf-8">
                            {{csrf_field()}}
                            <div class="billing-fields">
                                <div class="fields-title">
                                    <h3>登陆详情</h3>
                                    <span></span>
                                    <div class="clearfix"></div>
                                </div><!-- /.fields-title -->
                                <div class="fields-content">
                                    <div class="field-row">
                                        <p class="field-one-half">
                                            <label for="username">用户名 *</label>
                                            <input type="text" id="username" name="username" placeholder="Ali">
                                        </p>

                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="field-row">
                                        <p class="field-one-half">
                                            <label for="password">密码 *</label>
                                            <input type="password" id="password" name="password" placeholder="请输入密码">
                                        </p>
                                        <div class="clearfix"></div>
                                    </div>

                                    <div class="field-row">
                                        <p class="field-one-half">
                                            <label for="password">验证码 *</label>
                                            <input type="text" id="capcode" name="capcode" placeholder="请输入验证码">
                                            <img src="captcha" alt="验证码" style="margin-top: 10px;"
                                                 id="codeimg" onclick="captcha(this);return false">
                                        </p>
                                        <div class="clearfix"></div>
                                    </div>

                                    <div class="checkbox">
                                        <input type="checkbox" id="autoLogin" name="autoLogin" value="1">
                                        <label for="autoLogin">一周内自动登陆</label>
                                    </div>

                                    <div class="field-row">
                                        <input type="submit" name="login" value="立即登陆">
                                    </div>
                                </div><!-- /.fields-content -->
                            </div><!-- /.billing-fields -->
                        </form><!-- /.checkout -->
                    </div><!-- /.box-checkout -->
                </div><!-- /.col-md-7 -->
                <div class="col-md-5">
                    <div class="cart-totals style2">
                        <img src="images/logos/logo.png" alt="">
                    </div><!-- /.cart-totals style2 -->
                </div>
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.flat-checkout -->

@endsection



@section('js')
    @parent
    <script>
        function captcha(obj) {
            obj.src='captcha?code='+Math.random();
        }
    </script>
@endsection